mui.init({
    swipeBack: false
});
(function($) {
    

    $('.mui-scroll-wrapper').scroll({
        indicators: true //是否显示滚动条
    });
    var html2 = '<ul class="mui-table-view"><li class="mui-table-view-cell">第二个选项卡子项-1</li><li class="mui-table-view-cell">第二个选项卡子项-2</li><li class="mui-table-view-cell">第二个选项卡子项-3</li><li class="mui-table-view-cell">第二个选项卡子项-4</li><li class="mui-table-view-cell">第二个选项卡子项-5</li></ul>';
    var html3 = '<ul class="mui-table-view"><li class="mui-table-view-cell">第三个选项卡子项-1</li><li class="mui-table-view-cell">第三个选项卡子项-2</li><li class="mui-table-view-cell">第三个选项卡子项-3</li><li class="mui-table-view-cell">第三个选项卡子项-4</li><li class="mui-table-view-cell">第三个选项卡子项-5</li></ul>';
    var item2 = document.getElementById('item2mobile');
    var item3 = document.getElementById('item3mobile');
    // document.getElementById('slider').addEventListener('slide', function(e) {
    //     if (e.detail.slideNumber === 1) {
    //         if (item2.querySelector('.mui-loading')) {
    //             setTimeout(function() {
    //                 item2.querySelector('.mui-scroll').innerHTML = html2;
    //             }, 500);
    //         }
    //     } else if (e.detail.slideNumber === 2) {
    //         if (item3.querySelector('.mui-loading')) {
    //             setTimeout(function() {
    //                 item3.querySelector('.mui-scroll').innerHTML = html3;
    //             }, 500);
    //         }
    //     }
    // });
    var sliderSegmentedControl = document.getElementById('sliderSegmentedControl');
    $('.mui-input-group').on('change', 'input', function() {
        if (this.checked) {
            sliderSegmentedControl.className = 'mui-slider-indicator mui-segmented-control mui-segmented-control-inverted mui-segmented-control-' + this.value;
            //force repaint
            sliderProgressBar.setAttribute('style', sliderProgressBar.getAttribute('style'));
        }
    });
})(mui);

$(function() {
    /* 获取屏幕可视宽度 */
    const windowWidth = document.documentElement.clientWidth
    const windowHeight = document.documentElement.clientHeight

    /* 页面高度 */
    // $(".hair_details_3Q").css("height",windowHeight)

    /* 取消排号按钮高度 */
    $(".cancel").css("height",windowWidth*0.125)

    /* 展开更多门店模块高度 */
    // $(".unfold").css({"height":windowWidth*0.1,"line-height":windowWidth*0.1+"px"})
    
    /* 待消费等待 */
    $(".item1waiting").css({"height":windowWidth*0.1,"line-height":windowWidth*0.1+"px"})

    /* 门店地址模块高度 */
    $(".hair_address").css("height",windowWidth*0.1)

    /* 排号详细信息模块高度 */
    $(".details_store").css({"height":windowWidth*0.15,"line-height":windowWidth*0.15+"px"})

    /* 评分模块高度 */
    $(".grade").css("height", windowWidth * 0.225)

    /* 底部确认支付 */
    $(".footer_confirmpay").css("height", windowWidth * 0.2)

    /* 已完成订单详情 */
    $('.finished_details').css("height", windowWidth * 0.25)

     /* 去评价 查看订单 按钮 */
     $('.finished_details_evaluate').css("height", windowWidth * 0.1)

    /* tab栏选中 */
    $(".f_nav:eq(1)").find("div").addClass("tab_active")
    $(".f_nav:eq(1)").siblings().find("div").removeClass("tab_active")

    /* 默认选中第一个tab */
    // console.log($("#sliderSegmentedControl>a:eq(0)"))
    $("#sliderSegmentedControl>a:eq(0)").addClass("mui-active")

    /* 点击弹出弹框 */
    mui.init()
    $("#cancel_order").on({
        touchstart: function () {
            //调用隐藏/显示弹出层
            mui("#popover").popover('toggle', document.getElementById("div"))
        }
    })
    /* 点击关闭弹框 */
    $(".popover_cancel").on({
        touchstart: function () {
            //调用隐藏/显示弹出层
            mui("#popover").popover('toggle', document.getElementById("div"))
        }
    })

    /* 放弃排号 */
    $("#giveup_num").on({
        touchstart: function () {
            //调用隐藏/显示弹出层
            mui("#popover").popover('toggle', document.getElementById("div"))
        }
    })

    /* 确认支付 */
    $("#confirm_pay").on({
        touchstart: function () {
            $(".item2order").css("display","none")
            $(".footer_tab").css("display","none")
            $(".item2pay").css("display","block")
            $(".footer_confirmpay").css("display","flex")
        }
    })

    /* 支付 */
    $("#pay").on({
        touchstart: function () {
            if(true) {
                window.location.href= ""
            } else {
                window.location.href= ""
            }
        }
    })

    /* 重新取号 */
    $("#takenum_again").on({
        touchstart: function () {
            window.location.href = "takenum.html"
        }
    })

    /* 去评价 */
    $('.toevaluate').on({
        touchstart: function () {
            window.location.href = "evaluate.html"
        }
    })

    /* 查看详情 */
    $('.lookfor_order').on({
        touchstart: function () {
            window.location.href = "lookForFinishedOrderDetails.html"
        }
    })

})